<template>
  <div :style="{ '--color': `${background_color}` }">
    <!-- 团队名称 -->
    <teamName :show="teamNameShow" :member="true" @editTeamName="childEdit" @childShow="teamCancelTap"></teamName>
    <!-- 团队名称end -->
    <div id="member-all" v-show="template" :class="[this.fun.getPhoneEnv() == 3 ? 'pcStyle' : '']">
      <!--{{ $i18n.t("home.输入关键词搜索") }}<button @click="switch1">切换</button>-->

      <!--旧装修修改部分 start-->
      <div v-if="!isDecorate">
        <template v-for="(item, index) in designer">
          <component
            :key="index"
            v-if="item.params && member_order.order"
            :is="item.temp"
            :datas="item"
            :isClick="isMemberGrade"
            :Params="item.params"
            :Order="item.data"
            :member_item="member_item"
            :all="designer.length"
            :index="index"
            :member_order="member_order"
            :notShow="notShow"
            @openQrCode="openQrCode"
          >
          </component>
        </template>
      </div>
      <!--旧装修修改部分 end-->

      <!--新装修页面-->
      <div v-if="isDecorate">
        <template v-for="(item, index) in components">
          <component
            :key="index"
            :is="item.component_key"
            :isBottom="isBottom"
            :lastIndex="lastIndex"
            :btnFlag="btnFlag"
            :id="item.id"
            :datas="item.remote_data"
            :index="index"
            :component_key="item.component_key"
            :isClick="isMemberGrade"
            :member_item="member_item"
            :all="components.length"
            :member_order="member_order"
            :page_id="page_id"
            :notShow="notShow"
            :validityValue="validity_value"
            @openQrCode="openQrCode"
            @TapEditChild="TapEdit"
          >
          </component>
        </template>
      </div>
      <!--新装修页面end-->

      <!--底部版权部分 template == '03'是装修-->
      <section v-show="template == '03'">
        <div class="home" v-if="showDiy">
          <template v-for="(item, index) in showDiy">
            <component :key="index" :is="item.temp" :datas="item" :home="true" :index="index" :all="designer.length - 1" :tag="345"> </component>
          </template>
          <!-- <div style="height: 3.3125rem;"></div> -->
        </div>
        <van-button type="primary" style="margin: 0.875rem auto; width: 90%" size="large" color="#f15353" @click="outInfo()" v-if="(fun.getTyep() != 1 && fun.getTyep() != 2) || wechat_login_mode"
          >{{ $i18n.t("member.退出登录") }}
        </van-button>

        <!-- 版权图片 -->
        <img :src="copyrightImg" alt="" v-if="!fun.isTextEmpty(copyrightImg)" class="copyrightImg" />
        <!-- 版权图片 end -->
        <div class="copyright" @click="copyLink">©{{ copyright }}&nbsp;</div>
        <div class="copyright">
          <template v-if="fun.isApp()">
            <router-link :to="fun.getUrl('userAgreement', {}, { show: 'agreement' })">用户协议</router-link>
            和
            <router-link :to="fun.getUrl('userAgreement', {}, { show: 'privacy' })">隐私政策</router-link>
          </template>
        </div>
        <div v-if="fun.isIphoneX()" style="height: 34px"></div>
        <div style="height: 1rem; clear: both"></div>
      </section>
      <!--底部版权部分end-->

      <!--不启用装修的部分-->
      <div id="member" style="position: relative" v-show="template != '03'">
        <div :class="uniacid == 6 ? 'background-box' : 'background-box1'">
          <header class="member-header">
            <div class="header-avatar">
              <img :src="avatar || emptyImage" />
              <div class="posImg" v-if="member_team.head_frame">
                <img :src="member_team.head_frame" alt="" />
              </div>
            </div>
            <div class="user-info">
              <div class="user-name-box">
                <p class="user-name van-ellipsis" v-if="uniacid == '88'">
                  {{ login_name }}
                </p>
                <p class="user-name van-ellipsis" v-else>
                  {{ nickname }} <span @click="TapEdit" v-if="member_team.team_name">{{ member_team.team_name }}</span>
                </p>
                <div v-if="uniacid == '54'">
                  <li v-if="relation_switch" @click="openQrCode('block')">
                    <i class="iconfont" :class="[poster_center_is_replace ? 'icon-fontclass-posterCenter' : 'icon-fontclass-erweima']" style="width: 1.7rem"></i>
                    <img src="https://shops.cg500.com/static/qrcode.png" style="width: 28px; height: 28px" />
                    <!-- <span>{{ poster_center_is_replace ? "海报中心" : $i18n.t("member.二维码") }}</span> -->
                  </li>
                </div>
                <!-- <i @click="toSetting" class="iconfont icon-massage_set"></i> -->
              </div>
              <div class="user-info-id">
                <p class="user-id" v-if="show_member_id != 1">ID:{{ uid }}</p>
                <p class="user-id" v-if="isGeneralize && isshowInvit">{{ $i18n.t("member.邀请码") }}：{{ inviteCode }}</p>
                <div class="copy-btn" v-if="isGeneralize && isshowInvit" v-clipboard:copy="inviteCode" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</div>
              </div>
              <div style="display: flex; justify-content: space-between">
                <div class="user-level">
                  <div class="user-level-name" v-if="level_name" @click="gotoMemberGrade">
                    <img class="level-icon" src="../../assets/images/member/level-icon.png" alt="" />
                    <span>{{ level_name }}</span>
                    <i class="fa fa-angle-right" v-if="isMemberGrade"></i>
                  </div>
                  <div class="user-level-time" v-if="validity_value">{{ validity_value }}到期</div>
                </div>
                <div v-if="uniacid == '96'">{{ areaCity }}</div>
              </div>

              <div v-if="uniacid == '88'" style="position: absolute; right: 20px; top: 50px; display: flex; flex-direction: column; align-items: flex-center">
                <div>导师咨询电话</div>
                <div style="display: flex; align-items: center">
                  <img class="level-icon1" style="width: 14px; height: 14px" src="../../assets/images/new/tel.png" alt="" />
                  <span>{{ daoshi_mobile }}</span>
                </div>
              </div>
            </div>
          </header>

          <U_memberYs v-if="!isDecorate && pluginsList.is_open && pluginsList.is_open.is_open_ys_system && pluginsList.is_open.is_open_ys_system == 1"></U_memberYs>

          <div class="asset-box" style="z-index: 99;position: relative;">
            <div class="asset-left-box">
              <ul>
                <!-- 换牛--牛证 -->
                <li v-if="love_obj.usable_love_show == 1 && uniacid == 45">
                  <router-link :to="fun.getUrl('love_index')">
                    <span>{{ love_obj.usable_data }}</span>
                    <span class="mr">{{ love_obj.usable_text }}</span>
                  </router-link>
                </li>
                <!-- 换牛--牛证end -->
                <!-- <li v-if="member_item.consume_coupon_show && member_item.consume_coupon_show.is_show == 1">
                  <router-link :to="fun.getUrl('CardIndex')">
                    <span>{{ member_item.consume_coupon_show.amount }}</span>
                    <span class="mr">{{ member_item.consume_coupon_show.text }}</span>
                  </router-link>
                </li>
                <li v-if="member_item.ecological_point_show && member_item.ecological_point_show.is_show == 1">
                  <router-link :to="fun.getUrl('cat_integral',{name:'cat'})">
                    <span>{{ member_item.ecological_point_show.data }}</span>
                    <span class="mr">{{ member_item.ecological_point_show.text }}</span>
                  </router-link>
                </li> -->

                <li v-if="integral_show && integral_show.is_show == 1">
                  <router-link :to="fun.getUrl('Integral_love')">
                    <span>{{ integral_show.data }}</span>
                    <span class="mr">{{ integral_show.text }}</span>
                  </router-link>
                </li>

                <!-- 资产卷 余额 -->
                <li v-if="credit.is_show == 1 && uniacid != 60 && uniacid != 121 && uniacid != 128">
                  <router-link :to="fun.getUrl('balance')">
                    <span
                      ><small>{{ $i18n.t("money") }}</small
                      >{{ credit.data }}</span
                    >
                    <span class="mr">{{ credit.text }}</span>
                  </router-link>
                </li>
                <!-- 智店宝--121--余额 -->
                <li v-if="credit.is_show == 1 && uniacid == 121">
                  <router-link :to="fun.getUrl('balance')">
                    <span
                      ><small>{{ $i18n.t("money") }}</small
                      >{{ credit.data }}</span
                    >
                    <span class="mr">积分余额</span>
                  </router-link>
                </li>
                <!-- 智店宝--121--余额 结束-->

                <!-- 购物券 积分(uniacid=5)-->
                <li v-if="integral.is_show == 1 && uniacid != 5 && uniacid != 60 && uniacid != 67 && uniacid != 88 && uniacid != 121 && uniacid != 128">
                  <router-link :to="fun.getUrl('integral_v2')">
                    <span>{{ integral.data }}</span>
                    <span class="mr">{{ integral.text }}</span>
                  </router-link>
                </li>
                <!-- <li v-if="uniacid == 88">
                  <router-link :to="fun.getUrl('hnFenhong')">
                    <span>{{ dividend_limit }}</span>
                    <span class="mr">待激活额度</span>
                  </router-link>
                </li> -->
                <!-- 诺丽果 购物积分-->
                <li v-if="uniacid == 60">
                  <router-link :to="fun.getUrl('personalDetails')">
                    <span>{{ jifen }}</span>
                    <span class="mr">购物积分</span>
                  </router-link>
                </li>

                <!-- 优惠券 -->
                <li
                  v-if="
                    coupon &&
                    coupon.is_show == 1 &&
                    uniacid != 5 &&
                    uniacid != 38 &&
                    uniacid != 43 &&
                    uniacid != 46 &&
                    uniacid != 45 &&
                    uniacid != 60 &&
                    uniacid != 67 &&
                    uniacid != 88 &&
                    uniacid != 89 &&
                    uniacid != 121
                  "
                >
                  <router-link :to="fun.getUrl('coupon', { selected: '1' })">
                    <span>{{ coupon.data }}</span>
                    <span class="mr">{{ coupon.text }}</span>
                  </router-link>
                </li>

                <!-- 冻结中科债券 -->
                <li v-if="love_obj.unable_love_show == 1">
                  <!-- 优豆 zmh 修改 -->
                  <router-link :to="fun.getUrl('sweet_bean')" v-if="uniacid == 5">
                    <span>{{ love_obj.unable_data }}</span>
                    <span class="mr">{{ love_obj.unable_text }}</span>
                  </router-link>
                  <router-link :to="getShiLink()" v-else-if="uniacid == 128">
                    <span>{{ love_obj.unable_data }}</span>
                    <span class="mr">爱心值</span>
                  </router-link>
                  <router-link :to="fun.getUrl('love_index')" v-else>
                    <span v-if="uniacid == 60">{{ Math.round(love_obj.unable_data) }}</span>
                    <span v-if="uniacid != 60">{{ love_obj.unable_data }}</span>
                    <span class="mr">{{ love_obj.unable_text }}</span>
                  </router-link>
                </li>

                <!-- 换牛二期-88-可分红 -->
                <!-- <li v-if="uniacid == '88'">
                  <router-link :to="fun.getUrl('hnKefenhong')">
                    <span>{{ fenhongInfoHN ? fenhongInfoHN.limit : 0}}</span>
                    <span class="mr">可分红</span>
                  </router-link>
                </li> -->
                <li v-if="uniacid == '88'">
                  <router-link :to="fun.getUrl('hnYifenhong')">
                    <span>{{ fenhongInfoHN.dividend ? fenhongInfoHN.dividend : 0 }}</span>
                    <span class="mr">已分红</span>
                  </router-link>
                </li>
                <li v-if="uniacid == '88'" style="display: flex; align-items: center">
                  <div style="display: flex; flex-direction: column; justify-content: center">
                    <div style="line-height: 28px; font-weight: bold">{{ fenhongInfoHN.wait ? fenhongInfoHN.wait : 0 }}</div>
                    <div class="mr" style="white-space: nowrap">待激活分红</div>
                  </div>
                </li>
                <!-- 活力值 -->
                <li v-if="uniacid == 5">
                  <router-link :to="fun.getUrl('activity_value')">
                    <span>{{ member_item.vitality }}</span>
                    <span class="mr">活力值</span>
                  </router-link>
                </li>

                <!-- 释放资产卷 换牛--牛证-->
                <li v-if="love_obj.usable_love_show == 1 && uniacid != 45 && uniacid != 128">
                  <router-link :to="fun.getUrl('love_index')">
                    <span>{{ love_obj.usable_data }}</span>
                    <span class="mr">{{ love_obj.usable_text }}</span>
                  </router-link>
                </li>
                
                <!-- 十佳合--分红 -->
                 <li v-if="love_obj.usable_love_show == 1 && uniacid == 128">
                  <router-link :to="fun.getUrl('loveWithdrawals')">
                    <span>{{ love_obj.usable_data }}</span>
                    <span class="mr">{{ love_obj.usable_text }}</span>
                  </router-link>
                </li>

                <!-- 换牛--金牛 -->
                <li v-if="uniacid == 45">
                  <div style="display: flex; flex-direction: column">
                    <span>{{ gold_niu }}</span>
                    <span class="mr">金牛</span>
                  </div>
                </li>
                <!-- 换牛--金牛end -->

                <!-- 换牛--银牛 -->
                <li v-if="uniacid == 45">
                  <div style="display: flex; flex-direction: column">
                    <span>{{ yin_niu }}</span>
                    <span class="mr">银牛</span>
                  </div>
                </li>
                <!-- 换牛--银牛end -->

                <!-- 新康丽尔--代理商区域 -->
                <!-- <li v-if="uniacid == 58">
                  <div style="display:flex;flex-direction:column;">
                    <span>{{ agentK1 }}</span>
                    <span class="mr">代理商区域</span>
                  </div>
                </li> -->
                <!-- 新康丽尔--代理商区域end -->
                <!-- 新康丽尔--一级市场区域 -->
                <!-- <li v-if="uniacid == 58">
                  <div style="display:flex;flex-direction:column;">
                    <span>{{ agentK2 }}</span>
                    <span class="mr">一级市场区域</span>
                  </div>
                </li> -->
                <!-- 新康丽尔--一级市场区域end -->
                <!-- 新康丽尔--二级市场区域 -->
                <!-- <li v-if="uniacid == 58">
                  <div style="display:flex;flex-direction:column;">
                    <span>{{ agentK3 }}</span>
                    <span class="mr">二级市场区域</span>
                  </div>
                </li> -->
                <!-- 新康丽尔--二级市场区域end -->
              </ul>
            </div>
            <!-- <div class="asset-line"></div> -->
            <!-- 换牛--我的收入改为"贡献值" -->
            <div v-if="uniacid == 45" class="asset-right-box" @click="gotoExtension">
              <i class="iconfont icon-fontclass-shouru"></i>
              <span>贡献值</span>
            </div>
            <!-- 换牛--我的收入改为"贡献值"end -->
            <!-- <div v-else class="asset-right-box" @click="gotoExtension">
              <i class="iconfont icon-fontclass-shouru"></i>
              <span>我的收入</span>
            </div> -->
            <div v-else class="asset-right-box" @click="gotoExtension">
              <!-- <i class="iconfont icon-fontclass-shouru"></i> -->
              <span class="shouru-btn">收入</span>
            </div>
          </div>
          <div v-if="uniacid == 54">
            <newKehu />
          </div>
          <!-- 订单 -->
          <div style="background-image: linear-gradient(#fff,#f5f5f5);padding-top: 15px;margin-top: -17px;border-radius: 8px 8px 0 0;z-index: 99;">
            <div class="order-list" v-if="uniacid != 121">
              <van-tabs duration="0" line-width="0" v-model="order_active" :color="uniacid == 6 ? '#00d576' : '#fe9a51'" :title-active-color="uniacid == 6 ? '#00d576' : '#fe9a51'" :before-change="clickOrderTab">
                <van-tab :title="order.title" v-for="order in order_list" :key="order.name">
                  <div class="order_item">
                    <div class="order_pub" v-for="(item, index) in order.list" :key="index" @click="toOrderList(order.name, item)">
                      <div class="badge" v-if="item.total && item.total != 0">{{ item.total && item.total > 99 ? "99+" : item.total }}</div>
                      <!-- <i class="iconfont" :class="[item.class]"></i> -->
                       <i class="iconfont order-iconfont" :class="[item.class]"></i>
                      <!-- <span class="order-iconfont" :class="[item.class]"></span> -->
                      <span>{{ item.status_name }}</span>
                    </div>
                  </div>
                </van-tab>
              </van-tabs>
            </div>
            <div class="order-list" v-if="uniacid == 121">
              <div class="order-title-zdb">认购台数</div>
              <div class="order_item-zdb">
                <div class="order_pub">
                  <span class="order-tit-zdb">销售一区(台数)</span>
                  <span class="order-num-zdb">{{ zdbNum1 }}</span>
                </div>
                <div class="order_pub">
                  <span class="order-tit-zdb">销售二区(台数)</span>
                  <span class="order-num-zdb">{{ zdbNum2 }}</span>
                </div>
                <div class="order_pub">
                  <span class="order-tit-zdb">自购销售(台数)</span>
                  <span class="order-num-zdb">{{ zdbNum3 }}</span>
                </div>
                <div class="order_pub">
                  <span class="order-tit-zdb">总业绩(台数)</span>
                  <span class="order-num-zdb">{{ zdbNum4 }}</span>
                </div>
              </div>
              <!-- <van-tabs v-model="order_active" color="#ffc11e" title-active-color="#ffc11e">
            <van-tab title="认购台数">
              <div class="order_item">
                <div class="order_pub">
                  <i class="iconfont icon-fontclass-daifukuan"></i>
                  <span>销售一区</span>
                </div>
                <div class="order_pub">
                  <i class="iconfont icon-fontclass-daifahuo"></i>
                  <span>销售二区</span>
                </div>
              </div>
            </van-tab>
          </van-tabs> -->
            </div>
          </div>
        </div>

        <!--默认模板01-->
        <template v-if="template === '01'">
          <div class="plugins-box" :class="[uniacid == 121 ? 'padding-top-20-zdb' : '']">
            <div class="title-tool-new">实用工具</div>
            <!-- <block v-if="uniacid != 121">
              <div class="plugin-header" v-if="pluginsList.plugin_head && pluginsList.plugin_head.length > 0">
                <div class="plugin-header-item" v-for="item in pluginsList.plugin_head" :key="item.class" @click="pluginGoto(item)">
                  <i class="iconfont" :class="[item.class]"></i>
                  <span v-if="item.url != 'stationNotice'">{{ item.title }} {{ item.value > 999 ? "999+" : item.value }}</span>
                  <div v-else class="newTbox">
                    {{ item.title }}
                    <div class="colorTxt">{{ item.value > 999 ? "999+" : item.value }}</div>
                  </div>
                </div>
              </div>
            </block> -->

            <div class="plugin-items">
              <div class="plugin-items" style="width: 100%;padding-top: 20px;">
                <div v-for="(page, idx) in plugin_handle_list" :key="idx" class="plugin-items-box">
                  <div v-if="uniacid == 46 && isGeneralize" class="plugin-items-icon1" :key="klr_code_info.name" @click="pluginGoto(klr_code_info)">
                    <i class="iconfont" :class="klr_code_info.class"></i>
                    <span>{{ klr_code_info.title }}</span>
                  </div>
                  <!-- 牛牛商城-89-我的团队 开始 -->
                  <div v-if="uniacid == 89" class="plugin-items-icon" @click="GotoNewPage('nnMyTeam')">
                    <img src="../../assets/images/new/myteam.png" class="iconfont" alt="" />
                    <span>我的团队</span>
                  </div>
                  <!-- 牛牛商城-89-我的团队 结束 -->
                  <!-- 牛牛商城-89-我的部门 开始 -->
                  <div v-if="uniacid == 89" class="plugin-items-icon1" @click="GotoNewPage('nnMyDepartment')">
                    <img src="../../assets/images/new/mydepartment.png" class="iconfont" alt="" />
                    <span>我的部门</span>
                  </div>
                  <!-- 牛牛商城-89-我的部门 结束 -->
                  <!-- 牛牛商城-89-汇款 开始 -->
                  <div v-if="uniacid == 89" class="plugin-items-icon1" @click="GotoNewPage('nnMoneyTransfer')">
                    <img src="../../assets/images/new/zhuanzhang.png" class="iconfont" alt="" />
                    <span>汇款</span>
                  </div>
                  <!-- 牛牛商城-89-汇款 结束 -->
                  <!-- 牛牛商城-89-汇款记录 开始 -->
                  <div v-if="uniacid == 89" class="plugin-items-icon1" @click="GotoNewPage('nnTransferList')">
                    <img src="../../assets/images/new/guazhangdingdan.png" class="iconfont" alt="" />
                    <span>汇款记录</span>
                  </div>
                  <!-- 牛牛商城-89-汇款记录 结束 -->
                  <!-- 牛牛商城-89-用户反馈 开始 -->
                  <div v-if="uniacid == 89" class="plugin-items-icon1" @click="Gotofeedback">
                    <img src="../../assets/images/new/yonghufankui.png" class="iconfont" alt="" />
                    <span>用户反馈</span>
                  </div>
                  <!-- 牛牛商城-89-用户反馈 结束 -->
                  <div class="plugin-items-icon1" v-for="icon in page" :key="icon.name" @click="pluginGoto(icon)">
                    <i class="iconfont" :class="icon.class"></i>
                    <span v-if="icon.title == '二维码' && uniacid == '46'">二维码B区</span>
                    <span v-else-if="icon.title == '门店申请' && uniacid == '54'">店铺申请</span>
                    <span v-else-if="icon.title == '门店管理' && uniacid == '54'">店铺管理</span>
                    <span v-else>{{ icon.title }}</span>
                  </div>
                  <div v-if="uniacid == 56" class="plugin-items-icon1" @click="GotoHongbaoRecord">
                    <!-- <i class="iconfont" :class="icon.class"></i> -->
                    <img src="https://shops.cg500.com/static/aaa.png" class="iconfont" alt="" />
                    <span>领取记录</span>
                  </div>
                  <!-- 换牛二期-88-转账 开始 -->
                  <div v-if="uniacid == 88" class="plugin-items-icon1" style="position: relative" @click="GotoTransferHN">
                    <img src="https://shops.cg500.com/static/huanniu-er-zhuanzhang.png" class="iconfont" alt="" />
                    <span>转账</span>
                    <span v-if="zhuanNiuNum > 0" class="zhuanzhang-num">{{ zhuanNiuNum > 99 ? "99+" : zhuanNiuNum }}</span>
                  </div>
                  <!-- 换牛二期-88-转账 结束 -->
                </div>
              </div>
              
            </div>
          </div>
          <div v-if="uniacid == 54"></div>
          <div v-else>
            <div class="tabs-box" v-if="plugins_data.nav && plugins_data.nav.length > 0">
              <van-tabs sticky v-model="plugin_active" @click="handlePlugin" color="#ffc11e" title-active-color="#ffc11e" background="#f5f5f5">
                <van-tab :title="plugin.name" :name="plugin.code" v-for="plugin in plugins_data.nav" :key="plugin.code">
                  <U_goods
                    ref="UGoods"
                    v-if="plugin.code === 'recommend_goods' && goodsData.list"
                    @setLoadMore="setLoadMore"
                    :id="1"
                    :datas="goodsData"
                    :tabcontrol="true"
                    :plugin_active="plugin_active"
                  ></U_goods>
                  <U_goodsrush
                    ref="limitUGoods"
                    v-if="plugin.code === 'limitBuy_goods' && limitData.list"
                    @setLoadMore="setLoadMore"
                    :id="1"
                    :datas="limitData"
                    :tabcontrol="true"
                    :plugin_active="plugin_active"
                  ></U_goodsrush>
                  <fight_group v-if="plugin.code === 'fight-groups'" :list="groupList"></fight_group>
                  <U_article
                    ref="U_article"
                    v-if="plugin.code === 'article' && articleData.list"
                    @setLoadMore="setLoadMore"
                    :id="1"
                    :datas="articleData"
                    :tabcontrol="true"
                    :plugin_active="plugin_active"
                  ></U_article>
                  <U_shortvideo ref="U_shortvideo" v-if="plugin.code === 'video-share' && videoData.list" @setLoadMore="setLoadMore" :id="1" :datas="videoData" :tabcontrol="true"></U_shortvideo>
                  <U_community
                    ref="U_community"
                    v-if="plugin.code === 'micro-communities' && communityData.list"
                    @setLoadMore="setLoadMore"
                    :id="1"
                    :datas="communityData"
                    :tabcontrol="true"
                  ></U_community>
                  <U_stores ref="U_stores" v-if="plugin.code === 'store-cashier'" @setLoadMore="setLoadMore" :id="1" :datas="storeData" :tabcontrol="true" :plugin_active="plugin_active"></U_stores>
                  <U_livestreaming v-if="plugin.code === 'room' && liveData.list" :id="1" :datas="liveData" :tabcontrol="true"></U_livestreaming>
                </van-tab>
              </van-tabs>
              <U_backup :btnFlag="btnFlag" :id="1" :datas="btnData"></U_backup>
              <i v-if="service" class="iconfont icon-member_kefu service-box" :style="{ left: fun.getPhoneEnv() == 3 ? '61%' : buttonClientWidth }" @click="openService"></i>

              <d-connect-customer-service
                :show="showPopup"
                :tel="service.service_mobile"
                :online="service.cservice"
                :qrcode="service.service_QRcode"
                @closed="showPopup = false"
              ></d-connect-customer-service>
            </div>
          </div>
        </template>
        <!--默认模板01end-->

        <!-- 模板二 -->
        <div id="tool" v-if="template === '02'">
          <div class="title">
            <div class="spare"></div>
            <h3>{{ $i18n.t("member.实用工具") }}</h3>
          </div>

          <ul class="tool-box">
            <li>
              <router-link :to="fun.getUrl('collection', { selected: '1' })">
                <i class="iconfont icon-fontclass-1"></i>
                <div>{{ $i18n.t("member.收藏") }}</div>
              </router-link>
            </li>
            <li>
              <router-link :to="fun.getUrl('footprint', { selected: '1' })">
                <i class="iconfont icon-fontclass-zuji2"></i>
                <div>{{ $i18n.t("member.足迹") }}</div>
              </router-link>
            </li>
            <li v-if="!globalParameter.hide_address">
              <router-link :to="fun.getUrl('address', { selected: '1' })">
                <i class="iconfont icon-fontclass-dizhi"></i>
                <div>{{ $i18n.t("member.地址管理") }}</div>
              </router-link>
            </li>
            <li>
              <router-link :to="fun.getUrl('info', { item: member_item })">
                <i class="iconfont icon-fontclass-shezhi"></i>
                <div>{{ $i18n.t("member.设置") }}</div>
              </router-link>
            </li>

            <li v-for="(item, i) in pluginsList.tool" :key="i" v-if="pluginsList.tool && notShow.indexOf(item.url) < 0">
              <!-- zmh 优加修改 -->
              <block v-if="item.title != '汇聚支付'">
                <router-link :to="fun.getUrl(item.url)">
                  <div class="newTbox" v-if="basic_info.enable == 1 && basic_info.total > 0 && item.name == 'instation-message'" :class="item.name == 'instation-message' ? 'posmsg' : ''">
                    <div class="colorTxt" v-if="item.name == 'instation-message'">{{ basic_info.total > 999 ? "999+" : basic_info.total }}</div>
                  </div>
                  <div class="newTbox" v-if="item.name == 'kefu' && kefuNum.total > 0" :class="item.name == 'kefu' ? 'posmsg' : ''">
                    <div class="colorTxt">{{ kefuNum.total > 999 ? "999+" : kefuNum.total }}</div>
                  </div>
                  <i class="iconfont" :class="item.class"></i>
                  <div>{{ item.title }}</div>
                </router-link>
              </block>
            </li>

            <li v-if="fun.isApp()">
              <router-link :to="fun.getUrl('message', { selected: '1' })">
                <i class="iconfont icon-icon"></i>
                <div>{{ $i18n.t("member.消息通知") }}</div>
              </router-link>
            </li>
          </ul>
        </div>
        <div id="templet_box" v-if="template === '02'">
          <div class="extension_plate" v-if="(store_set && store_set.is_open_cashier == 1) || is_stroeWithdraw || (pluginsList.merchant && pluginsList.merchant.length > 0)">
            <h1>
              <div class="spare"></div>
              {{ $i18n.t("member.商家管理") }}
            </h1>
            <ul class="box">
              <li v-if="pluginsList.merchant && notShow.indexOf(item.url) < 0" v-for="(item, i) in pluginsList.merchant" :key="i" @click="pluginGoto(item)">
                <i class="iconfont" :class="item.class" :style="item.image_url | setBGImage"></i>
                <span>{{ item.title }}</span>
              </li>
            </ul>
          </div>

          <div class="extension_plate">
            <h1>
              <div class="spare"></div>
              {{ $i18n.t("member.营销互动") }}
            </h1>
            <ul class="box">
              <li v-if="relation_switch && uniacid == '8'" @click="openQrCode('block')">
                <i class="iconfont" :class="[poster_center_is_replace ? 'icon-fontclass-posterCenter' : 'icon-fontclass-erweima']" style="width: 1.7rem"></i>
                <span>个人专属海报</span>
              </li>
              <li v-if="relation_switch && uniacid != '8'" @click="openQrCode('block')">
                <i class="iconfont" :class="[poster_center_is_replace ? 'icon-fontclass-posterCenter' : 'icon-fontclass-erweima']" style="width: 1.7rem"></i>
                <span>{{ poster_center_is_replace ? "海报中心" : $i18n.t("member.二维码") }}</span>
              </li>

              <li>
                <router-link :to="fun.getUrl('myEvaluation', { selected: '1' })">
                  <i class="iconfont icon-fontclass-pinglun" style="width: 1.7rem"></i>
                  <span>{{ $i18n.t("member.评论") }}</span>
                </router-link>
              </li>
              <li>
                <router-link :to="fun.getUrl(customerCenter ? 'customerCenterIndex' : 'myRelationship', { selected: '1' })">
                  <i class="iconfont icon-fontclass-kehu" style="width: 1.7rem"></i>
                  <span>{{ member_agent }}</span>
                </router-link>
              </li>
              <li>
                <router-link :to="fun.getUrl('coupon', { selected: '1' })">
                  <i class="iconfont icon-fontclass-youhuiquan" style="width: 1.7rem"></i>
                  <span>{{ $i18n.t("member.优惠券") }}</span>
                </router-link>
              </li>

              <li v-if="pluginsList.market && notShow.indexOf(item.url) < 0 && notShow.indexOf(item.name) < 0" v-for="(item, i) in pluginsList.market" :key="i" @click="pluginGoto(item)">
                <i class="iconfont" :class="item.class" :style="item.image_url | setBGImage"></i>
                <span>{{ item.title }}</span>
                <div class="Badge" v-show="item.total > 0">{{ item.total > 99 ? "99+" : item.total }}</div>
              </li>
            </ul>
          </div>

          <div class="extension_plate">
            <h1>
              <div class="spare"></div>
              {{ $i18n.t("member.资产权益") }}
            </h1>
            <ul class="box">
              <li v-if="pluginsList.asset_equity && notShow.indexOf(item.url) < 0" v-for="(item, i) in pluginsList.asset_equity" :key="i" @click="pluginGoto(item)">
                <i class="iconfont" :class="item.class" :style="item.image_url | setBGImage"></i>
                <span>{{ item.title }}</span>
              </li>
            </ul>
          </div>
        </div>
        <!-- 模板二end -->

        <!--退出登录 微信端不显示退出登录按钮-->
        <van-button type="primary" style="margin: 0.875rem auto; width: 90%" size="large" color="#f15353" @click="outInfo()" v-if="(fun.getTyep() != 1 && fun.getTyep() != 2) || wechat_login_mode"
          >{{ $i18n.t("member.退出登录") }}
        </van-button>
        <!-- 版权图片 -->
        <img :src="copyrightImg" v-if="!fun.isTextEmpty(copyrightImg)" alt="" class="copyrightImg" />
        <!-- 版权图片 end-->
        <div class="copyright" @click="copyLink">©{{ copyright }}&nbsp;</div>
        <div class="copyright">
          <template v-if="fun.isApp()">
            <router-link style="color: #3b73ef" :to="fun.getUrl('userAgreement', {}, { show: 'agreement' })">用户协议 </router-link>
            和
            <router-link style="color: #3b73ef" :to="fun.getUrl('userAgreement', {}, { show: 'privacy' })">隐私政策 </router-link>
          </template>
        </div>
        <div v-if="fun.isIphoneX()" style="height: 34px"></div>
        <div style="height: 1rem; clear: both"></div>
      </div>
      <!--不启用装修的部分end-->

      <!--海报部分-->
      <yz-goodsposter v-model="posterShow" :posterData="poster_Data" :defaultImg="poster" :width="`18.875rem`" v-on:finish="uploadImageM"></yz-goodsposter>
      <!--海报部分end-->

      <!--弹窗广告部分-->
      <div class="cover">
        <div class="mask" v-show="advertising.is_default === 1">
          <div
            class="modal-mask"
            v-if="advertising.datas && advertising.datas.background_over && popShow"
            :style="{ backgroundColor: `rgba(0, 0, 0, ${advertising.datas.background_over / 100})` }"
          ></div>
          <div class="mask-blank">
            <div class="pop" v-if="popShow" :class="[fun.getPhoneEnv() == 3 ? 'pcStyle' : '']">
              <div class="pop-image">
                <img :src="advertising.image" @click="turnTo" />
                <div class="minLink" v-if="advertising.url_type == 2" @click.stop v-html="advertising.html"></div>
                <div class="icon_close">
                  <i class="iconfont icon-close11" @click="closePop"></i>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!--弹窗广告部分end-->
    </div>
    <!-- 没登录的固定模板-->
    <div v-if="this.$store.state.isWXlogined == 0" id="member" class="member-nologin" style="position: relative">
      <div class="background-box">
        <header class="member-header" style="align-items: center">
          <div class="header-avatar">
            <img src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/photo-mr.jpg" />
          </div>
          <div class="user-info">
            <div class="user-info-id">
              <van-button type="danger" @click="toLogin">登录/注册</van-button>
            </div>
          </div>
        </header>

        <div class="order-list">
          <van-tabs color="#ffc11e" title-active-color="#ffc11e">
            <van-tab title="我的订单">
              <div class="order_item">
                <div class="order_pub">
                  <i class="iconfont icon-fontclass-daifukuan"></i>
                  <span>待付款</span>
                </div>
                <div class="order_pub">
                  <i class="iconfont icon-fontclass-daifahuo"></i>
                  <span>待发货</span>
                </div>
                <div class="order_pub">
                  <i class="iconfont icon-fontclass-daishouhuo1"></i>
                  <span>待收货</span>
                </div>
                <div class="order_pub">
                  <i class="iconfont icon-fontclass-shouhouliebiao"></i>
                  <span>售后列表</span>
                </div>
              </div>
            </van-tab>
          </van-tabs>
        </div>
      </div>

      <!-- 模板二 -->
      <div id="tool">
        <div class="title">
          <div class="spare"></div>
          <h3>{{ $i18n.t("member.实用工具") }}</h3>
        </div>

        <ul class="tool-box">
          <li>
            <router-link :to="fun.getUrl('AuthorizedLogin')">
              <i class="iconfont icon-fontclass-1"></i>
              <div>{{ $i18n.t("member.收藏") }}</div>
            </router-link>
          </li>
          <li>
            <router-link :to="fun.getUrl('AuthorizedLogin')">
              <i class="iconfont icon-fontclass-zuji2"></i>
              <div>{{ $i18n.t("member.足迹") }}</div>
            </router-link>
          </li>
          <li v-if="!globalParameter.hide_address">
            <router-link :to="fun.getUrl('AuthorizedLogin')">
              <i class="iconfont icon-fontclass-dizhi"></i>
              <div>{{ $i18n.t("member.地址管理") }}</div>
            </router-link>
          </li>
          <li>
            <router-link :to="fun.getUrl('AuthorizedLogin')">
              <i class="iconfont icon-fontclass-shezhi"></i>
              <div>{{ $i18n.t("member.设置") }}</div>
            </router-link>
          </li>
        </ul>
      </div>
      <div id="tool" style="margin-top: 12px">
        <div class="title">
          <div class="spare"></div>
          <h3>{{ $i18n.t("member.营销互动") }}</h3>
        </div>
        <ul class="tool-box">
          <li>
            <router-link :to="fun.getUrl('AuthorizedLogin')">
              <i class="iconfont icon-fontclass-erweima"></i>
              <div>{{ $i18n.t("member.二维码") }}</div>
            </router-link>
          </li>
          <li>
            <router-link :to="fun.getUrl('AuthorizedLogin')">
              <i class="iconfont icon-fontclass-pinglun"></i>
              <div>{{ $i18n.t("member.评论") }}</div>
            </router-link>
          </li>
          <li>
            <router-link :to="fun.getUrl('AuthorizedLogin')">
              <i class="iconfont icon-fontclass-kehu"></i>
              <div>{{ member_agent }}</div>
            </router-link>
          </li>
          <li>
            <router-link :to="fun.getUrl('AuthorizedLogin')">
              <i class="iconfont icon-fontclass-youhuiquan"></i>
              <div>{{ $i18n.t("member.优惠券") }}</div>
            </router-link>
          </li>
        </ul>
      </div>
    </div>
    <!-- 换牛二期-88-可分红小于100弹窗 -->
    <!-- <van-popup v-model="kefenhongPop" position="center" :overlay="true" @close="closePop" closeable round :close-on-click-overlay="true">
      <div class="dui-pop">
        <div class="dui-pop-con">
          <span class="dui-pop-con-tit">您当前分红额度已不足100，为了不影响继续分红，请您重新兑换699消费积分，获得更多分红额度</span>
        </div>
        <div class="dui-pop-btm">
          <div class="dui-pop-btn" @click="toDuihuan">去兑换</div>
        </div>
      </div>
    </van-popup> -->
  </div>
</template>

<script>
import member from "./membercontroller";

export default member;
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" rel="stylesheet/scss" scoped>
// @import "../../assets/css/member/designer.scss";
::v-deep .order-list .van-button--primary {
  background-color: var(--themeBaseColor) !important;
  border: 1px solid var(--themeBaseColor) !important;
}
::v-deep .order-list .van-tabs__nav{
  background-color: rgba(0, 0, 0, 0) !important;
  display: flex;
  justify-content: flex-start;
}
::v-deep .order-list .van-tab--active {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #151515 !important;
  display: flex;
  justify-content: flex-start;
}
.title-tool-new {
  padding-top: 14.5px;
  padding-left: 16.5px;
  font-weight: 600;
  font-size: 15px;
  color: #151515;
  display: flex;
  justify-content: flex-start;
}
.icon-fontclass-daifukuan {
  background: url("https://shops.cg500.com/static/miniNewImage/mine-order-daizhifu.png") no-repeat 100%;
}
.icon-fontclass-daifukuan::before {
  content: "";
}
.icon-fontclass-daifukuan1 {
  background: url("https://shops.cg500.com/static/miniNewImage/mine-order-daizhifu.png") no-repeat 100%;
}
.icon-fontclass-daifukuan1::before {
  content: "";
}
.icon-fontclass-daifukuan2 {
  background: url("https://shops.cg500.com/static/miniNewImage/mine-order-daizhifu.png") no-repeat 100%;
}
.icon-fontclass-daifukuan2::before {
  content: "";
}
.icon-fontclass-daifahuo {
  background: url("https://shops.cg500.com/static/miniNewImage/mine-order-daifahuo.png") no-repeat 100%;
}
.icon-fontclass-daifahuo::before {
  content: "";
}
.icon-fontclass-daifahuo1 {
  background: url("https://shops.cg500.com/static/miniNewImage/mine-order-daifahuo.png") no-repeat 100%;
}
.icon-fontclass-daifahuo1::before {
  content: "";
}
.icon-fontclass-daiguihuan {
  background: url("https://shops.cg500.com/static/miniNewImage/mine-order-daishouhuo.png") no-repeat 100%;
}
.icon-fontclass-daiguihuan:before {
  content: "";
}
.icon-fontclass-daifahuo2 {
  background: url("https://shops.cg500.com/static/miniNewImage/mine-order-daifahuo.png") no-repeat 100%;
}
.icon-fontclass-daifahuo2::before {
  content: "";
}
.icon-fontclass-daiqueren {
  background: url("https://shops.cg500.com/static/miniNewImage/mine-order-daifahuo.png") no-repeat 50%;
}
.icon-fontclass-daiqueren::before {
  content: "";
}
.icon-fontclass-shouhou1 {
  background: url("https://shops.cg500.com/static/miniNewImage/mine-order-shouhou.png") no-repeat 50%;
}
.icon-fontclass-shouhou1::before {
  content: "";
}
.icon-fontclass-daizhifu {
  background: url("https://shops.cg500.com/static/miniNewImage/mine-order-daizhifu.png") no-repeat 100%;
}
.icon-fontclass-daizhifu::before {
  content: "";
}
.icon-fontclass-daifshouhuo {
  background: url("https://shops.cg500.com/static/miniNewImage/mine-order-daishouhuo.png") no-repeat 100%;
}
.icon-fontclass-daifshouhuo::before {
  content: "";
}
.icon-fontclass-daishouhuo {
  background: url("https://shops.cg500.com/static/miniNewImage/mine-order-daishouhuo.png") no-repeat 100%;
}
.icon-fontclass-daishouhuo::before {
  content: "";
}
.icon-fontclass-daishouhuo1 {
  background: url("https://shops.cg500.com/static/miniNewImage/mine-order-daishouhuo.png") no-repeat 100%;
}
.icon-fontclass-daishouhuo1::before {
  content: "";
}
.icon-fontclass-dairuzhu1 {
  background: url("https://shops.cg500.com/static/miniNewImage/mine-order-daishouhuo.png") no-repeat 50%;
}
.icon-fontclass-dairuzhu1::before {
  content: "";
}
.icon-fontclass-shouhou {
   background: url("https://shops.cg500.com/static/miniNewImage/mine-order-shouhou.png") no-repeat 100%;
}
.icon-fontclass-shouhou::before {
   content: "";
}
.icon-fontclass-shouhouliebiao {
  background: url("https://shops.cg500.com/static/miniNewImage/mine-order-shouhou.png") no-repeat 100%;
}
.icon-fontclass-shouhouliebiao::before {
  content: "";
}
.icon-fontclass-quanbudingdan {
  background: url("https://shops.cg500.com/static/miniNewImage/mine-order-all.png") no-repeat 100%;
}
.icon-fontclass-quanbudingdan::before {
  content: "";
}
 .icon-zb_myteam {
    background: url("https://shops.cg500.com/static/miniNewImage/mine-tool-wodetuandui.png") no-repeat center;
    background-size: 34px;
  }
  .icon-zb_myteam::before {
    content: "";
  }
  .icon-fontclass-dizhi {
    background: url("https://shops.cg500.com/static/miniNewImage/mine-tool-dizhiguanli.png") no-repeat center;
    background-size: 34px;
  }
  .icon-fontclass-dizhi::before {
    content: "";
  }
   .icon-agreement {
    background: url("https://shops.cg500.com/static/miniNewImage/mine-tool-yinsixieyi.png") no-repeat center;
    background-size: 34px;
  }
  .icon-agreement::before {
    content: "";
  }
  .icon-fontclass-erweima {
    background: url("https://shops.cg500.com/static/miniNewImage/mine-tool-erweima.png") no-repeat center;
    background-size: 34px;
  }

  .icon-fontclass-erweima::before {
    content: "";
  }
   .icon-massage_set {
    background: url("https://shops.cg500.com/static/miniNewImage/mine-tool-setting.png") no-repeat center;
    background-size: 34px;
  }

  .icon-massage_set::before {
    content: "";
  }
  .icon-zb_all_more {
    background: url("https://shops.cg500.com/static/miniNewImage/mine-tool-more.png") no-repeat center;
    background-size: 34px;
  }

  .icon-zb_all_more::before {
    content: "";
  }
.order-iconfont {
  width: 34px !important;
  height: 34px !important;
  background-size: 34px !important;
    
}
/* 弹窗广告 */
.minLink {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.cover .mask-blank .pop {
  width: 65%;
  position: fixed;
  z-index: 8888;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.cover .mask-blank .pop.pcStyle {
  width: 270px;
}

.cover .mask-blank .pop .pop-image {
  position: relative;
}

.cover .mask-blank .pop .pop-image img {
  width: 100%;
  height: 100%;
}

.cover .mask-blank .pop .pop-image .icon_close {
  top: 0;
  right: 0;
  position: absolute;
  background-color: #333;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -0.75rem;
  margin-right: -0.75rem;
  border-radius: 50%;
}

.cover .mask-blank .pop .pop-image .icon_close {
  color: #fff;
}

.poster-popup-class {
  background-color: transparent !important;
}

.modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
}

/* 弹窗广告 */

.copyright {
  color: #a7a7a7;
  margin: 0.625rem 0;
  cursor: pointer;
}

.copyrightImg {
  // 版权图标
  display: block;
  margin: 1rem auto;
  max-width: 100%;
}

/* 会员信息 */
.background-box {
  padding-top: 10px;
  color: #382c0a;
  background-color: #fff;
  background-image: linear-gradient(#00d576, #f5f5f5);
  // background-image: var(--themeBgColor);
}
.background-box1 {
  padding-top: 10px;
  color: #382c0a;
  // background-color: #fff;
  // background-image: var(--themeBgColor);
  background-color: #d3e3ff;
  background-image: url("https://shops.cg500.com/static/miniNewImage/member_v2_topbg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.member-header {
  display: flex;
  padding: 10px;
}

.header-avatar {
  flex: 0 0 4rem;
  margin-right: 8px;
  position: relative;
  .posImg {
    position: absolute;
    top: -0.5rem;
    left: -0.5rem;
    img {
      width: 5rem;
      height: 5rem;
    }
  }
  img {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
  }
}

.user-info {
  width: 80%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.user-name-box,
.user-info-id,
.user-level {
  display: flex;
  align-items: center;
}

.user-name-box {
  justify-content: space-between;

  .user-name {
    width: 90%;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    span {
      font-size: 14px;
      font-weight: 400;
    }
  }

  .icon-massage_set {
    width: 15%;
    font-size: 20px;
    color: #7f5c02;
  }
}

.user-id {
  font-size: 12px;
  margin-right: 0.5rem;
}

.copy-btn {
  font-size: 12px;
  color: #af820d;
  border: solid 0.0625rem #ebebeb;
  background-color: #fff;
  border-radius: 2rem;
  padding: 0 0.375rem;
}

.user-level-name {
  display: flex;
  padding: 3px 7px;
  font-size: 12px;
  align-items: center;
  background-color: #a36705;
  border-radius: 15px;
  color: #fff;

  .level-icon {
    width: 14px;
    height: 14px;
    margin-right: 3px;
  }

  .fa-angle-right {
    font-size: 16px;
    margin-left: 3px;
  }
}

.user-level-time {
  font-size: 12px;
  margin-left: 5px;
  color: #af820d;
}


/* 订单列表 */
.order-list {
  margin: 10px;
  padding: 10px;
  border-radius: 15px;
  // background-color: #fff;
  background-image: linear-gradient(0deg, #ffffff 0%, #ffffff 54%, #eaf0ff 100%);

  .order_item {
    display: flex;
    padding-top: 5px;
    border-top: 1px solid #f3f3f3;
  }

  .order_pub {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-top: 0.125rem;
    text-align: center;
    color: #000;
    position: relative;
    font-size: 12px;
    align-items: center;

    i {
      font-size: 24px;
      color: #000;
      display: inline-block;
      font-weight: bold;
    }

    .badge {
      position: absolute;
      left: 56%;
      top: 0.125rem;
      color: #fff;
      border-radius: 0.625rem;
      background-color: #f15353;
      line-height: 0.875rem;
      font-size: 12px;
      padding: 0 0.3125rem;
      border: solid 1px #f15353;
    }
  }
}

/* 资产信息 */
.asset-box {
  display: flex;
  margin: 10px;
  padding: 10px;
  border-radius: 15px;
  // background-color: #fff;
  background-image: url("https://shops.cg500.com/static/miniNewImage/member_v2_optbg2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: #fff;
}

.asset-left-box {
  width: 80%;

  ul {
    display: flex;
    overflow-x: scroll;
    padding: 5px;

    li a {
      display: flex;
      flex-direction: column;
    }

    span {
      word-break: keep-all;
      margin: 0 10px;
      line-height: 28px;
      font-weight: bold;
    }

    .mr {
      margin-top: 3px;
      font-size: 13px;
      line-height: 12px;
      font-weight: normal;
    }

    &::-webkit-scrollbar {
      display: none;
    }
  }
}

.asset-line {
  width: 2px;
  background-color: #d4d4d4;
  background-image: radial-gradient(#d4d4d4 5%, #fff 80%, #fff 15%);
}

.asset-right-box {
  width: 19%;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  justify-content: center;

  .icon-fontclass-shouru {
    font-size: 26px;
    color: #f15353;
  }
}

/* 插件数据 */
.plugins-box {
  margin: 10px;
  background-color: #fff;
  border-radius: 15px;
}

.plugin-header {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #f3f3f3;

  .plugin-header-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 33.33%;
    margin-bottom: 5px;
  }
}

.plugin-items-box {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.plugin-items-icon1 {
  display: flex;
  flex-direction: column;
  width: 25%;
  margin-bottom: 10px;
  font-size: 12px;

  .iconfont {
    display: inline-block;
    margin: 0 auto 5px auto;
    width: 2.5rem;
    height: 2.5rem;
  }
  .zhuanzhang-num {
    position: absolute;
    right: 4px;
    top: -10px;
    min-width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50px;
    background-color: rgb(253, 0, 0);
    color: rgb(255, 255, 255);
    font-size: 12px;
    transform: scale(0.83333);
    padding: 0 4px;
    text-align: center;
  }
}

.tabs-box {
  background: #f5f5f5;
  // min-height: 101vh;
}

.service-box {
  position: fixed;
  top: 500px;
  z-index: 6;
  // width: 50px !important;
  // height: 50px !important;
  // background-size: 50px !important;
  font-size: 45px !important;
  color: var(--color);
}
.newTbox {
  display: flex;
  align-items: center;
  .colorTxt {
    background-color: #f42a2a;
    border-radius: 0.35rem;
    padding: 0 0.219rem;
    height: 1rem;
    line-height: 1rem;
    color: #fff;
    font-size: 0.75rem;
    margin-left: 0.32rem;
  }
}
.posmsg {
  position: absolute;
  top: 0;
  right: 17px;
}

.member-nologin {
  display: block;
  #tool {
    background-color: #fff;
    overflow: hidden;
    color: #333;

    .title {
      display: flex;
      height: 2.5rem;
      line-height: 2.5rem;
      padding: 0 0.875rem;
      margin-bottom: 0.625rem;
    }

    .spare {
      width: 0.25rem;
      height: 1rem;
      border-radius: 0.0625rem;
      background-color: #f15353;
      margin-top: 0.75rem;
      margin-right: 0.375rem;
    }

    ul {
      display: flex;
      flex-wrap: wrap;
    }

    ul li {
      -webkit-box-flex: 1;
      width: 25%;
      position: relative;
      box-sizing: border-box;
      text-align: center;
      font-size: 12px;
      margin-bottom: 0.625rem;
      color: #666;
    }

    ul li i {
      border-radius: 0.625rem;
      line-height: 2.25rem;
      font-size: 32px;
      margin-bottom: 0.25rem;
      display: inline-block;
      color: rgb(241, 83, 83);
      width: 2.25rem;
      height: 2.25rem;
    }

    .tool-box {
      display: flex;
    }
  }
}
// 兑换二次确定弹窗
.dui-pop {
  width: 300px;
  height: 180px;
  border-radius: 20px;
  position: relative;
}
.dui-pop-con {
  height: calc(100% - 52px);
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 30px;
  justify-content: center;
}
.dui-pop-con-tit {
  font-size: 16px;
  color: #333;
  font-weight: 500;
  margin-top: 10px;
}
.dui-pop-btm {
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 50px;
  display: flex;
  width: 100%;
  border-top: 1px solid #eaeaea;
}
.dui-pop-btn {
  width: 100%;
  text-align: center;
  line-height: 50px;
  color: #f0a367;
}

// 智店包新增样式
.order-title-zdb {
  font-weight: 500;
  color: #fe9a51;
  position: relative;
}
.order-title-zdb::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  transform: translateX(-50%);
  width: 40px;
  height: 3px;
  background-color: #fe9a51;
}
.order_item-zdb {
  display: flex;
  padding-top: 15px;
  border-top: 1px solid #f3f3f3;
  margin-top: 10px;
}
.order-tit-zdb {
  font-size: 12px;
  color: #333;
  font-weight: 500;
}
.order-num-zdb {
  margin-top: 10px;
  font-size: 14px;
  color: #333;
  font-weight: 500;
}
.padding-top-20-zdb {
  padding-top: 20px;
}
.shouru-btn {
  margin-right: 12.5px;
  padding: 4px 0;
  background-image: linear-gradient(0deg, #dff0ff 0%, #ffffff 50%, #ffffff 100%);
  border-radius: 14px;
  width: 57px;
  color: #1860ff;
  font-size: 13px;
  font-weight: 500;
}
</style>
